﻿@{
    ViewBag.Title = "PaPaPa 主页";
}

<div class="row" id="thumbs">
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/1.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>你若盛开，清风自来。</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/2.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>业精于勤荒于嬉,行成于思毁于随</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/3.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>
                    我只喜欢做两件事一件坐在家里大门旁的石墩上等爸妈回来
                    另一件是躺在自家的墙台上看天空的云，静静的看着云彩在天空的背景下变形移动。幻想着自己和云一样自由的飞翔。
                </p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/1.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>你若盛开，清风自来。</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/2.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>业精于勤荒于嬉,行成于思毁于随</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/3.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>
                    我只喜欢做两件事一件坐在家里大门旁的石墩上等爸妈回来
                    另一件是躺在自家的墙台上看天空的云，静静的看着云彩在天空的背景下变形移动。幻想着自己和云一样自由的飞翔。
                </p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/1.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>你若盛开，清风自来。</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/2.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>业精于勤荒于嬉,行成于思毁于随</p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/3.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>
                    我只喜欢做两件事一件坐在家里大门旁的石墩上等爸妈回来
                    另一件是躺在自家的墙台上看天空的云，静静的看着云彩在天空的背景下变形移动。幻想着自己和云一样自由的飞翔。
                </p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-md-4 imgbox">
        <div class="thumbnail">
            <img data-src="holder.js/300x300" src="~/images/3.jpg" alt="...">
            <div class="caption">
                <h3>Thumbnail label</h3>
                <p>
                    我只喜欢做两件事一件坐在家里大门旁的石墩上等爸妈回来
                    另一件是躺在自家的墙台上看天空的云，静静的看着云彩在天空的背景下变形移动。幻想着自己和云一样自由的飞翔。
                </p>
                <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
            </div>
        </div>
    </div>

    <nav class="clearfix hide">
        <ul class="pager" id="next_page">
            <li><a href="#">Next</a></li>
        </ul>
    </nav>

    <nav id="page_nav" class="hide">
        <ul class="pagination">
            <li><a href="#"><span aria-hidden="true">&laquo;</span><span class="sr-only">Previous</span></a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#"><span aria-hidden="true">&raquo;</span><span class="sr-only">Next</span></a></li>
        </ul>
    </nav>

    <div id="page_loading">
        <img src="~/images/ajax-loader.gif" alt="page loading" />
        <span>给力加载中...</span>
    </div>
</div>
@section Scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            $("footer").css({ position: 'relative' });
        });
    </script>
}